<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="app/public/css/bootstrap.css">
    <style>
      .item {
        border: 1px solid red;
      }
    </style>
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div class="item col-lg-2 col-md-3 col-sm-4 col-6">1</div>
        <div class="item col-lg-2 col-md-3 col-sm-4 col-6">2</div>
        <div class="item col-lg-2 col-md-3 col-sm-4 col-6">3</div>
        <div class="item col-lg-2 col-md-3 col-sm-4 col-6">4</div>
        <div class="item col-lg-2 col-md-3 col-sm-4 col-6">5</div>
        <div class="item col-lg-2 col-md-3 col-sm-4 col-6">6</div>
      </div>



      <form>
        <div class="form-group row">
          <label for="staticEmail" class="col-sm-1 col-form-label">Email</label>
          <div class="col-sm-7">
            <input type="text" class="form-control" id="staticEmail" value="email@example.com">
          </div>
        </div>
        <div class="form-group row">
          <label for="inputPassword" class="col-sm-1 col-form-label">Password</label>
          <div class="col-sm-7">
            <input type="password" class="form-control" id="inputPassword">
          </div>
        </div>
      </form>
    </div>
    <button class="btn btn-primary btn-sm ">按钮</button>
    <button class="btn btn-default">按钮</button>
    <button class="btn btn-danger">按钮</button>
    <button class="btn btn-warning">按钮</button>
    <button class="btn btn-info">按钮</button>

    <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-wallet-fill" fill="currentColor"
      xmlns="http://www.w3.org/2000/svg">
      <path
        d="M1.5 2A1.5 1.5 0 0 0 0 3.5v2h6a.5.5 0 0 1 .5.5c0 .253.08.644.306.958.207.288.557.542 1.194.542.637 0 .987-.254 1.194-.542.226-.314.306-.705.306-.958a.5.5 0 0 1 .5-.5h6v-2A1.5 1.5 0 0 0 14.5 2h-13z" />
      <path
        d="M16 6.5h-5.551a2.678 2.678 0 0 1-.443 1.042C9.613 8.088 8.963 8.5 8 8.5c-.963 0-1.613-.412-2.006-.958A2.679 2.679 0 0 1 5.551 6.5H0v6A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-6z" />
    </svg>
    <svg width="10em" height="10em" viewBox="0 0 16 16" class="bi bi-wallet2" fill="currentColor"
      xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd"
        d="M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-9a1.5 1.5 0 0 1 1.432-1.499L12.136.326zM5.562 3H13V1.78a.5.5 0 0 0-.621-.484L5.562 3zM1.5 4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z" />
    </svg>
    <script>

      // const xhr = new XMLHttpRequest();
      // xhr.open('get', url);
      // xhr.send(data)
      // xhr.onreadystatechange = function (res) {
      //   // xhr.readyState
      //   // 0 - 4;
      //   if (xhr.readyState === 4 && res.status === 200) {
      //     res
      //   }
      // }

      // for (var i = 0; i < 5; i++) {
      //   setTimeout(function () {
      //     console.log(i);
      //   }, 1000)
      // }

      // async function fn() {
      //   console.log("1111");
      //   await f1().then((res) => {
      //     console.log(res);
      //   });
      //   console.log("这是fn")
      // }

      // async function f1() {
      //   return new Promise((resolve, reject) => {
      //     setTimeout(() => {
      //       resolve("你好");
      //     }, 2000)
      //   })
      // }

      // fn();




      // const arr = [1];
      // console.log(arr.map(item => item))

      // const name = (name) => {
      //   return name;
      // };
      // const sex = sex => sex;


      // const age = function (age) {
      //   return age;
      // }
      // console.log(age(10))



      // let str1 = 'world';
      // let str2 = 'hello';
      // // 需求是 str1 与 str2 的值互换;
      // // let temp = str1;
      // // str1 = str2;
      // // str2 = temp;
      // [str1, str2] = [str2, str1];
      // console.log(str1, str2);

      // // const [a, b, c] = [1, 2];
      // // console.log(a, b, c);
      // const [e, ...more] = [1, 2];
      // console.log(e, more);
    </script>
  </body>

</html>